<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>hello sw-chat!最简单灵活的webim系统</title>
    <!-- ZUI 标准版压缩后的 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/zui/1.9.1/css/zui.min.css">
    <!-- ZUI Javascript 依赖 jQuery -->
    <script src="https://cdn.bootcss.com/zui/1.9.1/lib/jquery/jquery.js"></script>
    <!-- ZUI 标准版压缩后的 JavaScript 文件 -->
    <script src="https://cdn.bootcss.com/zui/1.9.1/js/zui.min.js"></script>
    <!-- 代码高亮 -->
    <script src="https://cdn.bootcss.com/prettify/188.0.0/prettify.min.js"></script>
  </head>
  <body>
    <nav class="navbar" role="navigation">
        <div class="container-fluid">
          <!-- 导航头部 -->
          <div class="navbar-header">
            <!-- 移动设备上的导航切换按钮 -->
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-example">
              <span class="sr-only">切换导航</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <!-- 品牌名称或logo -->
            <a class="navbar-brand" href="#">SW-CHAT</a>
          </div>
          <!-- 导航项目 -->
          <div class="collapse navbar-collapse navbar-collapse-example">
            <!-- 一般导航项目 -->
            <ul class="nav navbar-nav">
              <li class="active"><a href="#">安装</a></li>
              <li><a href="#">关于</a></li>
              <!-- 导航中的下拉菜单 -->
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">管理 <b class="caret"></b></a>
                <ul class="dropdown-menu" role="menu">
                  <li><a href="#">客服系统</a></li>
                  <li><a href="#">企管系统</a></li>
                </ul>
              </li>
            </ul>
          </div><!-- END .navbar-collapse -->
        </div>
      </nav>
      <article class="article article-condensed">
        <header>
          <dl class="dl-inline pull-right">
            <dt>作者：</dt>
            <dd>陶士涵</dd>
            <dt>最后修订：</dt>
            <dd>2020年1月12日 (星期日)</dd>
            <dt></dt>
            <dd class="pull-right">
                <span class="label label-success">HTML</span> 
                <span class="label label-warning">CSS</span> 
                <span class="label label-info">JS</span> 
                <span class="label label-success">ZUI</span> 
                <span class="label label-warning">PHP</span> 
                <span class="label label-success">YAF</span> 
                <span class="label label-info">SWOOLE</span> 
                <span class="label label-success">WORKERMAN</span> 
                <span class="label label-warning">GOLANG</span>
            </dd>
          </dl>
        </header>
        <section class="content">
          <h1>SW-CHAT 客服系统webim</h1>
          <p>市场上的客服系统五花八门，有些还需要收费才能使用，现在是时候搭建自己的客服系统了。SW-CHAT基于最简的原则设计规划，在使用上努力做到方便对接到现有的系统，做到了从前端接入到聊天服务和管理系统的完整解决方案。</p>
          <h2>前端接入</h2>
          <p>前端的展示接入，只需要复制下面的代码到自己网站的页面上，可以展示出咨询对话框了，可以点击本页面右下方的咨询客服按钮进行体验。</p>
          <div class="example" contenteditable="true">
<pre class="prettyprint linenums">
&nbsp; &lt;!-- 代码开始 --&gt;&nbsp;
&lt;link href=&quot;css/sw-chat.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;&nbsp; &nbsp; &nbsp;&nbsp;
&lt;div class=&quot;sw-chat-btn &quot; id=&quot;show-swchat&quot;&gt;咨询客服&lt;/div&gt;
&lt;script src=&quot;js/sw-chat.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
&nbsp; swchat.init({
&nbsp; &nbsp; div_id:&quot;#show-swchat&quot;,
&nbsp; &nbsp; group: 1,//客服分组
&nbsp; &nbsp; socket:&#39;192.168.1.102:9502&#39;,//聊天服务器地址
&nbsp; &nbsp; face_path:&#39;images/face&#39;,//表情包路径
&nbsp; &nbsp; upload_url:&#39;http://115.159.28.111:9502/uploadImg&#39;,//图片上传路径
&nbsp; });
&lt;/script&gt;
&lt;!-- 代码结束 --&gt;
</pre>
</div>
          <h2>管理系统部署</h2>
          <div class="example" contenteditable="true">
<pre class="prettyprint linenums">
apt-get install php-dev php-zip
pecl install yaf
//把extension=yaf.so加入配置文件
</pre>
</div>
        </section>
        <footer>
          <p class="pull-right text-muted">本软件在知识共享 署名-相同方式共享 3.0协议之条款下提供。</p>
          <p class="text-important">Copyright © 2020-2020 陶士涵, All Rights Reserved。</p>
        </footer>
      </article>
  </body>
<script>
//代码高亮
window.prettyPrint();
</script>
  <!-- 代码开始 --> 
<link href="css/sw-chat.css" rel="stylesheet" type="text/css" />      
<div class="sw-chat-btn " id="show-swchat">咨询客服</div>
<script src="js/sw-chat.js"></script>
<script type="text/javascript">
  swchat.init({
    div_id:"#show-swchat",
    group: 1,//客服分组
    socket:'115.159.28.111:9502',//聊天服务器地址
    face_path:'images/face',//表情包路径
    upload_url:'http://115.159.28.111:9502/uploadImg',//图片上传路径
  });
</script>
<!-- 代码结束 -->
</html>